<template>
  <div id="app">
    <Header></Header>
    <Menu v-if="isFlag"></Menu>
    <Publish  v-else></Publish>
    <Footer></Footer>
  </div>
</template>

<script>
import {mapState} from 'vuex'
// 引入组件
import Header from './components/Header.vue'
import Footer from './components/Footer.vue'
import Menu from './components/Menu.vue'
import Publish from './views/publish/Publish.vue'
export default {
  components:{
    Header,
    Footer,
    Menu,
    Publish
  },
  data() {
    return {
      // isFlag:true
    }
  },
  methods: {
    // isHidden(msg){
    //   this.isFlag = this.msg
    // },
    // isFlags(msg){
    //   this.isFlag = this.msg
    // }
  },
  computed:{
    ...mapState(['isFlag'])
  }
}
</script>
<style lang="less">

</style>
